<script setup>
defineProps({
  isShow: {
    type: Boolean,
    default: false
  },
  nowIndex: {
    type: [String, Number],
    default: -1
  },
  webID: {
    type: [String, Number],
    default: -1
  }
})
</script>

<template>
  <div class="left_box absolute  top-[18px] animate__animated left-[16px] px-[16px] pt-[24px]"
    :class="isShow && nowIndex == webID ? 'animate__slideInLeft my-element—in' : 'animate__fadeOutLeft my-element'">
    <slot></slot>
  </div>
</template>

<style scoped>
.left_box {
  background-image: url(../assets/left.png);
  background-size: 100% 100%;
  width: 400px;
  height: 980px;
}
</style>
